<template>
	<view class="scan-box df-yc">
		<view class="popup mt30">
			<view class="top df-yc w100 bg-cover">
				<view style="font-size: 50rpx;width: 600rpx;text-align:center;" class="title fb shsc titleColor">成功添加
					<text style="color:#BF2639 ;" class="mx20">{{scanData.pro_name}}</text>
				</view>
				<view class="score mt30 df-c titleColor fs26">茶多酚<text
						class="mx10 fb">+{{scanData.bowl.get_score}}</text>
				</view>
				<view class="good-img">
					<image style="width: 279rpx;" :src="decodeURIComponent(scanData.open_teabox_img)" mode="widthFix"></image>
				</view>
				<view class="button my20">
					<button style="color: #FFE3CD;" class="btn fs32"
						@click="jump('/pages/public/poster/index',{scanData:JSON.stringify(scanData),posterType:scanData.pro_type})">分享给好友</button>
				</view>
			</view>
			<view class="bottom wh100 df-yc">
				<view style="color: #394251;" class="title shsc fb fs36">产品介绍</view>
				<view style="width: 490rpx;color: #5F6F80;text-align-last:center;text-align: justify;"
					class="content mt30 fs26">
					{{scanData.pro_description}}
				</view>
				<view @click="gotoPage(decodeURIComponent(scanData.pro_url))" style="color: #B83F46;"
					class="to-kown my30 fs26">
					点我了解产品详情
					<u-icon name="arrow-right" color="#B83F46" size="26"></u-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			scanData: Object
		},
		components: {

		},
		data: function() {
			return {

			}
		},
		methods: {
			gotoPage(path) {
				uni.navigateTo({
					url: path
				})
			},
			jump(path, params) {
				this.$Router.push({
					path: path,
					params: params
				})
			}
		},
		created() {},
		mounted() {},
	}
</script>

<style scoped lang="scss">
	.scan-box {
		.popup {
			overflow: hidden;
			width: 690rpx;
			border-radius: 20rpx;
			background-color: #FFFFFF;

			.top {
				background-image: url(#{$IMG_URL}/shmbg.jpg);

				.title {
					margin-top: 94rpx;
				}

				.score {
					width: 177rpx;
					height: 55rpx;
					background: #FFDFC6;
					border-radius: 28rpx;
				}

				.good-img {
					margin-top: 90rpx;
				}

				.button {
					.btn {
						width: 493rpx;
						height: 90rpx;
						background: linear-gradient(270deg, #53181E, #7D333B);
						box-shadow: 0px 5rpx 18rpx 0px rgba(83, 24, 30, 0.35);
						border-radius: 45rpx;
						line-height: 90rpx;
					}

					.btn::after {
						border: none;
					}
				}
			}

			.bottom {
				.title {
					margin-top: 60rpx;
				}
			}
		}
	}
</style>
